<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../../js/vue/vue.js"></script>
</head>
<body>
<!--v-bind属性绑定--->
    <div id="app">
        <span v-for="item in arr">{{item}}<br></span>
        <br>
        <span v-for="(item,index) in arr">元素-{{item}}; 索引-{{index}}  <br/></span>
        <br>
        <!-- 对象集合 -->
        <span v-for="item in emps">
            {{item.id}};{{item.age}};{{item.name}}
            <br/>
        </span>
    </div>



    <script>
        var vue = new Vue({
            el:"#app",
            data : {
                arr:['a', 'b', 'c'],
                emps:[
                    {id:1, name:'lang1', age:22},
                    {id:2, name:'lang2', age:23},
                    {id:3, name:'lang3', age:24}
                ]
            }
        });
    </script>
</body>
</html>